//头部搜索框

//给搜索框添加获焦事件
var flag = true;
var n = true;
$("#txt").focus(function(){
	
	if(n){
		
	$(this).stop().animate({width:254},500,function(){
		$("#hot_list").addClass("active");
	});
	
	
	
	flag = true;
	
	}
	
});

// 搜索框键盘事件

//百度搜索下拉js部分

function sosuo(data){
	//console.log(data.s)
	var arr = data.s;
	var txt = "";
	for(var i=0;i<arr.length;i++){
		txt+='<li><a href="https://www.baidu.com/s?wd='+arr[i]+'" target="_blank">'+arr[i]+'</a></li>';
	}
	$("#hot_list").html(txt);
	
}
	var index = 0;
	var len = $("#hot_list li").length;
	var n=0;
	$("#txt").keyup(function(e){
		
		if(e.keyCode==38||e.keyCode==40||e.keyCode==39||e.keyCode==37){
			
		}else{
			n =0;
			var word = $(this).val();
		$.ajax({
			
			url:"https://www.baidu.com/su?&wd="+word,
			dataType:"jsonp",
			jsonp:"cb",
			jsonpCallback:"sosuo"
		});
		}
		
		
		
		
		
		
	
		
	})
	// 当点击搜索按钮时 跳转页面
	
	$(".head_top .box .ul .li1").click(function(){
		var word = $("#txt").val();
		//location.href = "https://www.baidu.com/s?wd="+word;
		window.open("https://www.baidu.com/s?wd="+word);
	})
	
	
	$("#txt").keydown(function(e){
		if(e.keyCode==40){  //按向下键时
			$("#hot_list li").eq(n).addClass("active").siblings().removeClass("active");
			var str =$("#hot_list li a").eq(n).html();
			$(this).val(str);
			n++;
			if(n>$("#hot_list li a").length-1){
				n=0;
			}
			
		}
		if(e.keyCode==38){ //按向上键时
			n--;
			if(n<0){
				n = $("#hot_list li a").length-1;
			}
			$("#hot_list li").eq(n).addClass("active").siblings().removeClass("active");
			
			
			var str =$("#hot_list li a").eq(n).html();
			$(this).val(str);
			
		}
		
		if(e.keyCode==13){ //按下回车键时
			$(".head_top .box .ul .li1").click();
		}
		
		
	})



//给搜索框添加失焦事件


$("#txt").blur(function(){
	if(flag){
		$(this).val("");
		$(this).stop().animate({width:154},500);
		$("#hot_list").removeClass("active");	
	}
	
	
	
	
	
});



$("#hot_list").mouseenter(function(){
	flag = false;
})

$("#hot_list").mouseleave(function(){
	flag = true;
})


//给搜索框旁边的放大镜图标添加点击事件


$("#search_box .li1").mouseenter(function(){
	flag = false;
	
	//console.log($("#txt").width());
	if($("#txt").width()==254){
		n= false;
	}else{
		n= true;
	}
	
	
});

$("#search_box .li1").mouseleave(function(){
	flag = true;
	n =true;
	//console.log($("#txt").width());
	
	
});


$("#search_box .li1").click(function(){
	
	$("#txt").focus();
	n = false;
	flag = false;
	
})

//手机图标鼠标滑过显示二维码

$("#search_box .li2").mouseenter(function(){   //鼠标划入
	
	$("#search_box .ewm").fadeIn();
});

$("#search_box .li2").mouseleave(function(){    //鼠标划出
	
	$("#search_box .ewm").fadeOut();
});

// 吸顶菜单 设置 吸顶效果

$(window).scroll(function(e){
	
	//console.log($("body").scrollTop())
	if($(document).scrollTop()>80){
		
		$(".head_bottom").css({position:"fixed",top:0,'z-index':90,width:1150});
		$(".head_bottom .menu").addClass("active");
		
		
	}else{
		$(".head_bottom").css({position:"relative",'z-index':1});
		$(".head_bottom .menu").removeClass("active");
	}
});

// 给吸顶菜单 设置 鼠标滑过显示子菜单事件
var lis = document.querySelectorAll(".menu ul li a");
var ls = document.querySelectorAll(".menu ul li");
var divs = document.querySelectorAll(".head_bottom .d");
var ul = document.querySelector(".menu ul");
var head_bottom = document.querySelector(".head_bottom");
//console.log(divs)

var len = lis.length;
	for(var i = 0;i<len;i++){
		lis[i].index = i;
		//console.log(lis[i].index)
	}
		
	
		
		$(".menu ul li a").mouseenter(function(){
			//alert($(this).parent().index())
			$(this).parent().addClass("active").siblings().removeClass("active");
			
			$(divs).css({"display":"none"});
			if(divs[$(this).parent().index()-2]){
				
				$(divs[$(this).parent().index()-2]).slideDown();
			}
		
		
		});
		
		
		//鼠标划出事件
		//console.log(head_bottom)
		head_bottom.onmouseleave = function(e){
			//$(divs).css({"display":"none"});
			$(divs).slideUp(500,function(){
				setTimeout(function(){
					$(".menu ul li a").parent().removeClass("active");
				},700)
				
			});
			
		//	$(ls).css({'border-bottom':"none"});

		}


	
	

		//给客服添加点击事件
		
		$(".menu .kefu").click(function(){
			$("#online_kefu").addClass("active");
		});
		
		
       //返回顶部  鼠标移入 移出
       //鼠标划入
       
       var n = true;   //开关
       $("#back_top").mouseenter(function(){  //鼠标划入
       	   n = true;
       	   $(".back_top_word").fadeIn(1000).siblings().fadeOut();
       });
       
        //鼠标划出
       $("#back_top").mouseleave(function(){  //鼠标划出
       			if(n){
       				$(".back_top img").fadeIn(1000).siblings().fadeOut();
       			}
       	 
       });
       
       //滚动条滚动事件
       
       $(window).scroll(function(){
       		//console.log($(document).scrollTop())
       		if($(document).scrollTop()>947){
       			$("#kefu_back").addClass("active");
       		}else{
       			$("#kefu_back").removeClass("active");
       		}
       });
       
       //点击返回顶部  置顶
       $("#back_top").click(function(){
       	    n= false;
       		$(document).scrollTop(0);
       		
       });
       
       //联系客服添加点击事件
       
       $("#contact_service").click(function(){
       	
       		
       	    $("#online_kefu").addClass("active");
       	    
       });
       
       
       
       //在线客服聊天框添加点击事件-----点击关闭按钮
       $("#online_kefu .shut").click(function(){
       		$("#online_kefu").removeClass("active");
       		$("#online_kefu").css({left:915,top:465});
       		
       });
       
       
       //给聊天框 添加 拖拽事件
       
       $("#online_kefu .chat_top").bind("mousedown",function(e){
       		var l = e.offsetX;
       		var t =  e.offsetY;
       		
       		//  聊天框鼠标按下时    透明度改变
       		$(".chat_top h4").css({backgroundColor:"green"})
       		$("#online_kefu").css({opacity:0.12});
       		
       		
//     		$(document).mousemove(function(e){
//     			//console.log(e.clientX)
//     			var x= e.clientX - l;
//     			var y = e.clientY - t;
//     			
//     			$("#online_kefu").css({left:x,top:y});
//     			
//     			
//     			
//     		});
       		
       		$(document).bind("mousemove",function(e){
       			var x= e.clientX - l;
       			var y = e.clientY - t;
       			
       			$("#online_kefu").css({left:x,top:y});
       			
       			
       		});
       	
       		
       	
       	
       	
       });
       
       
       
       
       //解绑  move事件
       
       $(document).mouseup(function(e){
       			$("#online_kefu").css({opacity:1});
       			$(".chat_top h4").css({backgroundColor:"#fff"})
       			$(document).unbind("mousemove");
       		
       })
       
       
       // 秒杀专区  倒计时
       
   
       var hour = $("#seckill .num").eq(0).html();
       var minute = $("#seckill .num").eq(1).html();
       var second = $("#seckill .num").eq(2).html();
     //  console.log(minute)
       //定时器
       var tim = setInterval(function(){
       //	console.log(66)
       		second--;
       		if(second<0){
       			if($("#seckill .num").eq(0).html()==0&&$("#seckill .num").eq(1).html()==0){
       				//alert(1111)
       				clearInterval(tim);
       				return;
       			}
       			second = 59;
       			minute--;
       			if(minute<0){
       				minute = 59;
       				hour--;
//     				if(hour==0&&minute==0&&second==0){
//     					
//     				}
       				if(hour<10){
		       			$("#seckill .num").eq(0).html("0"+hour);
		       		}else{
		       			$("#seckill .num").eq(0).html(hour);
		       		}
       				
       				
       				
       			}
       			
       			if(minute<10){
       			$("#seckill .num").eq(1).html("0"+minute);
		       		}else{
		       			$("#seckill .num").eq(1).html(minute);
		       		}
		       			
       			
       		}
       		if(second<10){
       			$("#seckill .num").eq(2).html("0"+second);
       		}else{
       			$("#seckill .num").eq(2).html(second);
       		}
       		
       	
       	
       },1000)
       
       
       //客服聊天框   输入文本内容时    发送按钮变色
       
     
       $("#online_kefu textarea").keyup(function(){
   
       		if(this.value){
       			$("#online_kefu #send").addClass("active");
       			
       		}else{
       			$("#online_kefu #send").removeClass("active");
       		}
 
       })
       //客服聊天框       点击发送按钮时；
       
       $("#online_kefu #send").click(function(){
       		var txtValue = $("#online_kefu textarea").val();
     
       		var txt = "<span class='right'>"+txtValue+"</span>";
       		
       		var li =$('<li class="right"></li>').html(txt);
       		
       		li.appendTo($("#online_kefu .talk ul"));
       		li[0].scrollIntoView();
       		var li1 =$('<li class="left"></li>').html("hi! 你好 ");
       		
       		setTimeout(function(){
       			li1.appendTo($("#online_kefu .talk ul"));
       			li1[0].scrollIntoView();
       		},1000)
       		
       		
       		//发送后  清空发送文本框
       		
       		$("#online_kefu textarea").val("");
       		$(this).removeClass("active");
       		
       		
       		
       		
       	
       });
       
       //  当 按下 键盘上的 alt+enter 键时 发送信息；
       
       $("#online_kefu textarea").keydown(function(e){
       			if(e.keyCode==13&&e.altKey){
       				$("#online_kefu #send").click();
       			}
       })
       
       
        
       //AJAX获取banner轮播图图片数据
       var path = "http://127.0.0.1/YJProject/images/home/banner/";
       $.get("http://127.0.0.1/YJProject/server/home.json",function(data){
       		var arr = data.banner.imgsrc;
       		var url = data.banner.imgurl;
       		createBannerNode(arr,url);
       		bindBannerEvent();
       		
       		// 动态生成秒杀专区图片
       		var sarr = data.seckill;
       		var spath = "http://127.0.0.1/YJProject/images/home/seckill/";
       		for(var i=0,len=sarr.length;i<len;i++){
       		var str = 	'<dl>'+
							'<dt><a href="'+sarr[i].url+'"><img src="'+spath+sarr[i].imgsrc+'"/></a></dt>'+
							'<dd class="dd">'+
								'<a href="'+sarr[i].url+'">'+sarr[i].desc+'</a>'+
							'</dd>'+
							'<dd>'+
								'<span>￥'+sarr[i].price+'.00</span>'+
								'<em>￥'+sarr[i].markprice+'.00</em>'+
							'</dd>'+
						'</dl>';
			var li = $('<li class="li'+(i+2)+' li"></li>');
			li.html(str);
			li.appendTo($("#php #seckill .sek-ul"));
						
						
       		}
       		
       		//动态生成秒杀专区下面的四张 图片
       		var farr = data.main_center;
       		var fpath = "http://127.0.0.1/YJProject/images/home/main_center/";
       			//ul  的生成数量 等价于行数
       		for(var i=0,len=farr.length/2;i<len;i++){
       			var ul = $('<ul class="u'+(i+1)+'"></ul>');
       			for(var j=0;j<2;j++){
       				if(i==1){
       					
       				
       				var str = 	'<a href="'+farr[j+2].url+'">'+
       								'<img src="'+fpath+farr[j+2].imgsrc+'" />'+
       							'</a>';
       							
       						}else{
       				var str = 	'<a href="'+farr[j].url+'">'+
       								'<img src="'+fpath+farr[j].imgsrc+'" />'+
       							'</a>';			
       							
       							
       						}
       						
       				var li = $("<li></li>");
       				li.html(str);
       				li.appendTo(ul);
       			}
       			
       			ul.appendTo($("#php #main_center"));
       			
       			
       			
       		}
       		
       		
       		
       		
       		//最热商品动态生成
       		var hot_arr = data.main_goods.hot_goods;
       		var hot_path = "http://127.0.0.1/YJProject/images/home/main_goods/hot_goods/";
       		for(var i=0,len=hot_arr.length;i<len;i++){
       			var str =   '<dt>'+
       							'<a href="'+hot_arr[i].url+'">'+
       								'<img src="'+hot_path+hot_arr[i].imgsrc+'"/>'+
       							'</a>'+
       						'</dt>'+
							'<dd>'+
								'<p class="good_biaoti">'+
									'<a href="'+hot_arr[i].url+'">'+hot_arr[i].title+'</a>'+
								'</p>'+
								'<p class="good_miaosu">'+
									'<a href="'+hot_arr[i].url+'">'+hot_arr[i].desc+'</a>'+
								'</p>'+
								'<p class="good_price">'+
									'<span class="special_price">￥'+hot_arr[i].price+'.00</span>'+
									'<span class="market_price">￥'+hot_arr[i].mark_price+'.00</span>'+
								'</p>'+
							'</dd>';
							
							
							
				var dl = $('<dl class="left"></dl>');
				
				dl.html(str);
				dl.appendTo($("#php #main_goods .hot_good .good_list"));
       			
       		}
       		
       		//动态生成畅销品牌商品
       		var wonder_arr = data.main_goods.wonderful_brand.goods_list;
       		var wonder_path = "http://127.0.0.1/YJProject/images/home/main_goods/wonderful_brand/";
       		//动态生成标题
       		var title = data.main_goods.wonderful_brand.title;
       		
       		var t_str = 	'<em class="left"></em>'+
							'<b>'+title+'</b>';
					$("<p></p>").html(t_str).appendTo($("#php #main_goods .wonderful_brand .find_good"));
       		//动态生成商品列表
       		for(var i=0,len=wonder_arr.length;i<len;i++){
       			var str = 	'<dt class="left">'+
	       						'<a href="'+wonder_arr[i].url+'">'+
	       							'<img src="'+wonder_path+wonder_arr[i].imgsrc+'"/>'+
	       						'</a>'+
       						'</dt>'+
							'<dd class="left">'+
								'<h3><a href="'+wonder_arr[i].url+'">'+wonder_arr[i].title+'</a></h3>'+
								'<h4><a href="'+wonder_arr[i].url+'">'+wonder_arr[i].nation+'</a></h4>'+
								'<p>'+
									'<a href="'+wonder_arr[i].url+'">'+wonder_arr[i].desc+'</a>'+
								'</p>'+
							'</dd>';
							
							
				var dl = $('<dl class="left"></dl>');	
				dl.html(str);
				dl.appendTo($("#php #main_goods .wonderful_brand .wonderful_brand_wrapper"));
				
       		}
       	
       	// 动态获取吸顶菜单 及其下拉菜单数据
       	
       	//console.log(data.menu.content)
       	var muarr = data.menu.content;
       	for(var i=0,len=muarr.length;i<len;i++){
       		var str =  '<a href="'+muarr[i].url+'">'+muarr[i].name+'</a>';
       		$("<li></li>").html(str).appendTo($("#php .menu ul"));

       	}
       	
       	//动态生成 各个下拉菜单
       	
       	//美味餐厨
       	var mwccArr = data.menu.mwcc;
       	for(var i=0,len=mwccArr.length;i<len;i++){
       		var str =  '<a href="'+mwccArr[i].url+'">'+mwccArr[i].name+'</a>';
       		$("<li></li>").html(str).appendTo($("#php .head_bottom .d1 ul"));
       	}
       	
       	//家纺家饰
       	var jfjsArr = data.menu.jfjs;
       	for(var i=0,len=jfjsArr.length;i<len;i++){
       		var str =  '<a href="'+jfjsArr[i].url+'">'+jfjsArr[i].name+'</a>';
       		$("<li></li>").html(str).appendTo($("#php .head_bottom .d2 ul"));
       	}
       	
       	//生活日用
       	var shryArr = data.menu.shry;
       	for(var i=0,len=shryArr.length;i<len;i++){
       		var str =  '<a href="'+shryArr[i].url+'">'+shryArr[i].name+'</a>';
       		$("<li></li>").html(str).appendTo($("#php .head_bottom .d3 ul"));
       	}
       	//健康美体
       	var jkmtArr = data.menu.jkmt;
       	for(var i=0,len=jkmtArr.length;i<len;i++){
       		var str =  '<a href="'+jkmtArr[i].url+'">'+jkmtArr[i].name+'</a>';
       		$("<li></li>").html(str).appendTo($("#php .head_bottom .d4 ul"));
       	}
       	//文具数码
       	var wjsmArr = data.menu.wjsm;
       	for(var i=0,len=wjsmArr.length;i<len;i++){
       		var str =  '<a href="'+wjsmArr[i].url+'">'+wjsmArr[i].name+'</a>';
       		$("<li></li>").html(str).appendTo($("#php .head_bottom .d5 ul"));
       	}
       	
       	// 绑定菜单事件
       	
       	menu_event();
       	
       	
       	

			 
       		
       		
       		
       })
       
       
       bindBannerEvent();
       // 创建节点
       
       function createBannerNode(arr,url){
       		for(var i=0,len=arr.length;i<len;i++){
       			var img = $('<img src="'+path+arr[i]+'"/>');
       			var a = $('<a href="'+url[i]+'"></a>');
       			img.appendTo(a);
       			a.appendTo($("#php #banner .img_div"));
       			var li;
       			if(i==len-1){
       				li = $('<li class="active"></li>');
       			}else{
       				li = $("<li></li>");
       			}
       			
       			li.appendTo($("#php #banner .tab_list"));
       		}
       }
       
       
       //绑定事件
       
       function bindBannerEvent(){
       		//轮播图
		
		var imgs = $("#banner .img_div a");
		var num = imgs.length-1;
		//console.log(imgs[0])
		var flag = true;
		//右侧按钮
		$("#banner .lbt_right").click(function(){
			if(flag){
				flag = false;
				num++;
			//imgs.eq(num).fadeIn().siblings().fadeOut();
			//imgs.eq(num).addClass("active")
			if(num>imgs.length-1){
				num = 0;
			}
			
			
			imgs.eq(num).fadeIn(2000).siblings().fadeOut(2000);
			$("#banner .tab_list li").eq(num).addClass("active").siblings().removeClass();
			
			setTimeout(function(){flag =true;},2000)
			}
			
			
			
		});
		
		//左侧按钮
		$("#banner .lbt_left").click(function(){
			if(flag){
				flag =false;
				num--;
			//imgs.eq(num).fadeIn().siblings().fadeOut();
			//imgs.eq(num).addClass("active")
			if(num<0){
				num = imgs.length-1;
			}
			
			
			imgs.eq(num).fadeIn(2000).siblings().fadeOut(2000);
			$("#banner .tab_list li").eq(num).addClass("active").siblings().removeClass();
			
			setTimeout(function(){flag =true;},2000)
			}
			
			
		});
		
		//tab切换按钮添加点击事件
		
		$("#banner .tab_list li").click(function(){
			//console.log($(this).index())
			num = $(this).index();
			imgs.eq(num).fadeIn(1000).siblings().fadeOut();
			$("#banner .tab_list li").eq(num).addClass("active").siblings().removeClass();
		});
		
		  //鼠标划出开启自动轮播
		var timer;
		
		
		$("#banner").mouseleave(function(){
			
			$("#banner .lbt").removeClass("active");
			timer = setInterval(function(){
				$("#banner .lbt_right").click();
			},2000)
			
			
			
		});
		//鼠标划入关闭自动轮播
		$("#banner").mouseenter(function(){
			clearInterval(timer);
			$("#banner .lbt").addClass("active");
		});
		
		//自动轮播
		timer = setInterval(function(){
				$("#banner .lbt_right").click();
			},2000)

       		
       		
       }
       
       
       
       //封装吸顶菜单以及下拉菜单所有事件
       
       function menu_event(){
       	// 给吸顶菜单 设置 鼠标滑过显示子菜单事件
var lis = document.querySelectorAll(".menu ul li a");
var ls = document.querySelectorAll(".menu ul li");
var divs = document.querySelectorAll(".head_bottom .d");
var ul = document.querySelector(".menu ul");
var head_bottom = document.querySelector(".head_bottom");
//console.log(divs)

var len = lis.length;
	for(var i = 0;i<len;i++){
		lis[i].index = i;
		//console.log(lis[i].index)
	}
	
	$(".menu ul li a").mouseenter(function(){
			//alert($(this).parent().index())
			$(this).parent().addClass("active").siblings().removeClass("active");
			
			$(divs).css({"display":"none"});
			if(divs[$(this).parent().index()-2]){
				
				$(divs[$(this).parent().index()-2]).slideDown();
			}
		
		
		});
		
	
		
		
		
		
		//鼠标划出事件
		//console.log(head_bottom)
		head_bottom.onmouseleave = function(e){
			//$(divs).css({"display":"none"});
			$(divs).slideUp(500,function(){
				setTimeout(function(){
					$(".menu ul li a").parent().removeClass("active");
				},700)
				
			});
			
		//	$(ls).css({'border-bottom':"none"});

		}


	
	

		//给客服添加点击事件
		
		$(".menu .kefu").click(function(){
			$("#online_kefu").addClass("active");
		});
       	
       }
       
       
       
      
       
       
     

	//  session ：欢迎登录提示
	
	//var val = $("#php .welcome input").val();
//	console.log(val)
//	
//	if(val){
//		$("#php .welcome h3").html("欢迎"+"登录成功！");
//	}else{
//		$("#php .welcome h3").html("");
//	}
























